<template>
<div class="container">
    根组件
    <h1>{{num}}</h1>
 <button @click="arr">调用方法</button>
    </div>  
</template>

<script>
export default {
name:"App",
//setup是个函数，将来组合API的代码，基本上在这里写，也就是所有的起点
//可以理解为在beforeCreate钩子钱执行，组件实例创建前
//无法使用this，this是undefined
setup(){
    const num ="hi vue3"
    const arr=()=>{
        console.log(num);
    }

    //返回的时候必须是一个对象，由于setup是一个函数所以必须return出去，切return的是一个对象
    return { num,arr }
}
}
</script>

<style>

</style>